<template>
  <view class="wrap">
    <view class="list_box">
      <view class="list_item flex_s" v-for="item in 10" :key="item">
        <view class="image_box">
          <image src="@/static/image/bg2.png" mode="scaleToFill" />
        </view>
        <view class="info_box flex_fssb">
          <view class="title line2"
            >金十图示：2025年06月14日（周六）黄金ETF持仓报告</view
          >
          <view class="time">2025年06月14日 10:10:34</view>
        </view>
      </view>
    </view>
    <view class="uni-p-b-98"></view>
    <pageFooter :selected="2"></pageFooter>
  </view>
</template>

<script setup lang="ts">
import pageFooter from "@/components/pageFooter/index.vue";
</script>

<style scoped lang="scss">
.wrap {
  // max-width: 750rpx;
  margin: 0 auto;
  min-height: 100vh;
  .list_box {
    padding: 0 20rpx;
    .list_item {
      $imgH: 150rpx;
      padding: 20rpx 0;
      border-bottom: 2rpx solid rgba(243, 245, 245, 1);
      .info_box {
        height: $imgH;
        .title {
          font-size: 30rpx;
          color: rgba(46, 46, 46, 1);
        }
        .time {
          color: rgba(150, 153, 157, 1);
          font-size: 24rpx;
        }
      }
      .image_box {
        border-radius: 16rpx;
        margin-right: 15rpx;
        overflow: hidden;
        width: 230rpx;
        height: $imgH;
        background: #f5f5f5;
        flex-shrink: 0;
        image {
          width: 100%;
          height: 100%;
        }
      }
    }
  }
}
</style>
